<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>新闻添加页面</title>
    <link rel="stylesheet" href="../../yl/index.css" />
    <!-- 布局样式 -->
    <link rel="stylesheet" href="../../yl/style.css" />
    <link rel="stylesheet" href="../../style/wangeditor.css">
    <link rel="stylesheet" href="../../yl/mobile.css" />
    <link rel="stylesheet" href="../../yl/easyui.css" />
    <link rel="stylesheet" href="../../yl/icon.css" />
</head>

<body>
    <!-- <div id="app"> -->
    <div class="easyui-navpanel" id="app" v-cloak>
        <header>
            <div class="m-toolbar">
                <div class="m-title">个人信息</div>
            </div>
        </header>
        <div class="easyui-navpanel panel-body panel-body-nobottom panel-body-noborder" style="height: 3000px"
            id="MainTable" ref="MainTable"
            :data-options="JSON.stringify({ 'TableName': 'work_teams', 'form': 'dataForm' ,'primary_key':'Work_Team_SerialNumber' })">
            <el-descriptions :column="2" size="large" border>
                <el-descriptions-item>
                    <template #label>
                        <div class="cell-item">驻村工作队名称</div>
                    </template>
                    <el-input ref="Work_Unit" disabled v-model="dataForm.Work_Team_Name" class="borderless-input"
                        placeholder="请输入驻村工作队名称" />
                </el-descriptions-item>
                <el-descriptions-item>
                    <template #label>
                        <div class="cell-item">驻村行政村编号</div>
                    </template>
                    <el-input ref="Work_Unit" disabled v-model="dataForm.Village_Number" class="borderless-input"
                        placeholder="请输入驻村行政村编号" />
                </el-descriptions-item>
                <el-descriptions-item>
                    <template #label>
                        <div class="cell-item">身份证编号</div>
                    </template>
                    <el-input ref="Work_Unit" disabled v-model="dataForm.Captain_Number" class="borderless-input"
                        placeholder="请输入身份证编号" />
                </el-descriptions-item>
                <el-descriptions-item>
                    <template #label>
                        <div class="cell-item">联系电话</div>
                    </template>
                    <el-input ref="Work_Unit" disabled v-model="dataForm.Mobile" class="borderless-input"
                        placeholder="请输入联系电话" />
                </el-descriptions-item>
            </el-descriptions>
            <div id="ChildTable">
                <div class="table_titel">
                    <div class="titel">工作队人员{{childDataForm.filter(item => item.Row_Status != '1').length ==
                        0?'(暂无数据)':''}}</div>
                    <div class="operation">
                        <el-button type="primary" size="small" @click="handleAdd('childDataForm')">新增</el-button>
                        <el-button type="danger" size="small" @click="handleRemove('childDataForm')">删除</el-button>
                    </div>
                </div>
                <el-descriptions
                    :data-options="JSON.stringify({ 'TableName': 'work_teams_members', 'form': 'childDataForm', 'ParentTableName': 'work_teams'})"
                    :column="2" size="large" border
                    v-for="(item,index) in childDataForm.filter(item => item.Row_Status != '1')" :key="index">

                    <el-descriptions-item>
                        <template #label>
                            <div class="cell-item">身份证编号</div>
                        </template>
                        <el-input ref="work_teams_members" v-model="item.ID_Card_Number" class="borderless-input"
                            placeholder="请输入身份证编号" />
                    </el-descriptions-item>

                    <el-descriptions-item>
                        <template #label>
                            <div class="cell-item">联系电话</div>
                        </template>
                        <el-input ref="work_teams_members" v-model="item.Mobile" class="borderless-input"
                            placeholder="请输入联系电话" />
                    </el-descriptions-item>

                    <el-descriptions-item>
                        <template #label>
                            <div class="cell-item">操作时间</div>
                        </template>
                        <el-date-picker v-model="item.Operation_Datetime" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
                            class="borderless-input" type="date" placeholder="请选择时间" size="large"></el-date-picker>
                    </el-descriptions-item>

                </el-descriptions>
            </div>

            <div class="demo-collapse ">
                <el-collapse v-model="activeNames" @change="handleChange">
                    <!-- Consistency -->
                    <el-collapse-item title="工作经历" name="1">
                        <el-descriptions
                            :data-options="JSON.stringify({ 'TableName': 'work_teams_members', 'form': 'childDataForm', 'ParentTableName': 'work_teams'})"
                            :column="2" size="large" border
                            v-for="(item,index) in unck.filter(item => item.Row_Status != '1')" :key="index">
                            <el-descriptions-item>
                                <template #label>
                                    <div class="cell-item">身份证编号</div>
                                </template>
                                <el-input disabled ref="work_teams_members" v-model="item.ID_Card_Number"
                                    class="borderless-input" placeholder="请输入身份证编号" />
                            </el-descriptions-item>
                            <el-descriptions-item>
                                <template #label>
                                    <div class="cell-item">工作单位</div>
                                </template>
                                <el-input disabled ref="work_teams_members" v-model="item.Work_Unit" class="borderless-input"
                                    placeholder="" />
                            </el-descriptions-item>
                            <el-descriptions-item>
                                <template #label>
                                    <div class="cell-item">职务</div>
                                </template>
                                <el-input disabled ref="work_teams_members" v-model="item.Position" class="borderless-input"
                                    placeholder="" />
                            </el-descriptions-item>
                            <el-descriptions-item>
                                <template #label>
                                    <div class="cell-item">工作单位</div>
                                </template>
                                <el-input disabled ref="work_teams_members" v-model="item.Work_Unit" class="borderless-input"
                                    placeholder="" />
                            </el-descriptions-item>
                            <el-descriptions-item>
                                <template #label>
                                    <div class="cell-item">入职日期</div>
                                </template>
                                <el-date-picker v-model="item.Joined_Date" format="YYYY-MM-DD"
                                    value-format="YYYY-MM-DD" class="borderless-input" type="date" placeholder="请选择时间"
                                    size="large"></el-date-picker>
                            </el-descriptions-item>
                            <el-descriptions-item>
                                <template #label>
                                    <div class="cell-item">离职日期</div>
                                </template>
                                <el-date-picker v-model="item.Leaved_Date" format="YYYY-MM-DD"
                                    value-format="YYYY-MM-DD" class="borderless-input" type="date" placeholder="请选择时间"
                                    size="large"></el-date-picker>
                            </el-descriptions-item>

                            <el-descriptions-item>
                                <template #label>
                                    <div class="cell-item">操作时间</div>
                                </template>
                                <el-date-picker v-model="item.Operation_Datetime" format="YYYY-MM-DD"
                                    value-format="YYYY-MM-DD" class="borderless-input" type="date" placeholder="请选择时间"
                                    size="large"></el-date-picker>
                            </el-descriptions-item>
                        </el-descriptions>
                    </el-collapse-item>
                    <!-- Feedback -->
                    <!-- <el-collapse-item title="Feedback" name="2">
                        <div>
                            Operation feedback: enable the users to clearly perceive their operations by style updates
                            and interactive effects;
                        </div>
                        <div>
                            Visual feedback: reflect current state by updating or rearranging elements of the page.
                        </div>
                    </el-collapse-item> -->
                </el-collapse>
            </div>

        </div>
        <footer class="botton-ann">
            <el-button @click="goBack">返回</el-button>
            <el-button type="primary" plain @click="handleSubmit" :loading="loading">提交</el-button>
        </footer>
    </div>
</body>
<script src="../../utils/utils.js"></script>
<script src="../../config/config.js"></script>
<script src="../../utils/compressor.js"></script>
<script src="../../utils/wangeditor.js"></script>
<script src="../../utils/mixins.js"></script>
<script src="../../yl/vue.js"></script>
<script src="../../yl/index.js"></script>
<script src="../../yl/zh-cn.mjs"></script>
<script src="../../yl/index.iife.min.js"></script>
<script src="../../yl/jquery.min.js"></script>
<script src="../../utils/jquery.cookie.js"></script>
<script src="../../yl/jquery.easyui.min.js"></script>
<script src="../../yl/jquery.easyui.mobile.js"></script>
<script src="../../yl/moment.min.js"></script>
<script src="../../api/request.js"></script>
<script src="./js/workpeople.js"></script>

</html>